<template>
    <div>
        <h2 @click="showname">学生姓名：{{name}}</h2>
        <h2>学生年龄：{{sex}}</h2>
        <h2>学生年龄：{{age}}</h2>
    </div>
</template>

<script>
// 引入外部文件 混合
import {mixin1} from '../mixin.js'

//export default默认暴露，export分别暴露，export{}最后写，统一暴露
export default {   //一般用默认暴露
    // 指定标签名
    name:'Student',
    data() {
        return {
            name:'菜菜',
            sex:"女",
            age:18,
            x:666
        }
    },  
    // methods: {
    //     showName(){
    //         alert(this.name)
    //     }
    // },  

    // 使用mixin配置项来使用外部混合文件,在mixin.js中写了methods的配置，这里直接引用
    mixins:[mixin1]
}

</script>

<style>

</style>